<template>
  <div id="app">
    <router-view :key="key"></router-view>
  </div>
</template>

<script>
import { getActiveInfo } from '@/api/user'

export default {
  name: 'app',
  data() {
    return {
      resizeTimer: null
    }
  },
  created() {
    

  // var vConsole = new VConsole();
    this.initFontSize()
    window.onresize = () => {
      clearTimeout(this.resizeTimer)
      this.resizeTimer = setTimeout(() => {
        this.initFontSize()
      }, 500)
    }
  },
  methods: {
    initFontSize() {
      let width = document.documentElement.clientWidth || document.body.clientWidth
      // 设计稿750px 2倍屏 html的font-size:50px
      let R_font = (width * 2) / 750 * 50
      document.querySelector('html').style.fontSize = `${R_font}px`
    }
  },
  computed:{
		key(){
			return this.$route.path + Math.random();
		}
	}

};
</script>
<style>
  body{ background:#ededed; min-height:100vh;}
  .form_page{ background:#fff !important;}
  .person_top{ height:129px !important;}
  .form_btm{ margin:0 auto !important;}
  .person_top .top_rt{ bottom:25px !important;}
  .index_top .box dd span{ margin:0 3px !important;}
  #__vconsole{ font-size: 12px!important }
</style>

